<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .mask{
            background-color: rgba(0,0,0,0.3);
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            bottom:0;
        }
    </style>
</head>
<body>
<!--你确认删除吗？-->
<div class="mask"></div>
<div>
    <div>
        <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores commodi, debitis eaque eos in incidunt
            magnam natus praesentium repellat. Aspernatur, delectus distinctio eius eum ipsa neque nesciunt
            reprehenderit similique voluptatum.
        </div>
        <div>Adipisci amet asperiores, culpa enim eos magni soluta voluptatibus. Aliquid asperiores consequuntur
            dignissimos dolorem eaque ex excepturi fuga illum incidunt itaque non, omnis pariatur quam qui ratione
            suscipit veniam, voluptate?
        </div>
        <div>Assumenda doloremque eligendi id nemo odio provident quis! Asperiores atque culpa deleniti facere harum
            maxime necessitatibus nemo neque, nihil non qui quisquam quo quod reiciendis repellendus, sequi tempora
            totam veritatis.
        </div>
        <div>Adipisci consequatur cumque dicta dolore dolores ea earum esse eum fugit incidunt iste iusto, maxime minus
            molestias nostrum odit quae reiciendis, similique tempore vel vero, vitae voluptates. Esse, labore
            quibusdam.
        </div>
        <div>A distinctio dolor error est explicabo, odio officia praesentium! A aliquam consequuntur debitis,
            distinctio, dolores eius eligendi, harum illo in ipsa laudantium maxime mollitia officia quasi quo repellat
            sint vel!
        </div>
        <div>Ad animi beatae dicta dolore ducimus est, et exercitationem, modi non odit perferendis, quisquam ratione
            suscipit ullam voluptates. Aliquam aliquid assumenda consequuntur doloremque excepturi explicabo impedit
            labore obcaecati tempore totam!
        </div>
        <div>Aliquid asperiores aspernatur atque beatae dignissimos dolore ducimus esse, expedita facere hic magni odit
            rem voluptatum. A dicta ipsam iste molestias provident tenetur voluptatum. Eos nobis quidem quos sequi
            temporibus.
        </div>
        <div>A accusantium delectus, dicta doloribus fuga impedit ipsam laborum ut vero? Accusantium alias aut, dolorum
            enim eveniet ex fuga in, laborum modi molestias nostrum repellendus repudiandae vero? Aperiam ducimus, quam.
        </div>
        <div>Alias eaque eum fuga, mollitia odio reiciendis veritatis voluptatem! Accusamus commodi consequatur delectus
            dolorem dolores ex explicabo harum illum laboriosam libero magnam modi nobis omnis, qui ratione sed tempore!
            Magni.
        </div>
        <div>A alias aperiam architecto at commodi cumque est exercitationem hic, id ipsum iste labore natus quos
            temporibus velit, veniam, vero vitae voluptate! Architecto ducimus impedit perferendis, rem veritatis
            voluptas voluptate.
        </div>
        <div>Eum nobis, odit. Adipisci at autem blanditiis ea eaque eius fugit officia possimus tempora tempore!
            Accusamus asperiores aut blanditiis distinctio doloremque error, exercitationem, harum hic iusto mollitia
            nobis ut, voluptate?
        </div>
        <div>Consequuntur cumque, cupiditate doloribus ex, fugit harum in, libero officia porro quas quibusdam sit!
            Alias, aperiam consequuntur cumque distinctio hic impedit ipsa ipsam, ipsum minus odit ratione vel voluptas
            voluptates.
        </div>
        <div>Alias aliquam atque beatae deleniti doloremque, eaque expedita, ipsam laborum maiores nam necessitatibus
            numquam officiis quis quo suscipit. A alias corporis doloremque eveniet facilis incidunt iusto magni officia
            saepe voluptatum!
        </div>
        <div>Adipisci commodi cupiditate eligendi illo iure molestias nostrum pariatur quae quasi vitae? Corporis
            inventore ipsam pariatur porro, possimus tempora ullam! Architecto assumenda dicta provident quas. Alias
            consectetur libero omnis perferendis.
        </div>
        <div>Ad assumenda autem, commodi, dignissimos esse explicabo impedit inventore officia officiis quo quos
            repellat reprehenderit similique tempora vero. Aliquid commodi deleniti dignissimos, itaque laudantium odit
            quasi qui rerum sequi soluta.
        </div>
        <div>Asperiores consequuntur cum debitis, doloribus ducimus ea eveniet explicabo illo ipsam laboriosam natus
            neque nihil non numquam officia omnis optio provident quis quisquam saepe sed tempore temporibus unde vitae
            voluptatum?
        </div>
        <div>Expedita odio quasi quidem! Eaque est expedita facere itaque maxime numquam omnis, quae? Aperiam aut
            debitis doloremque expedita ipsam iusto, magnam magni natus neque obcaecati officia, qui, quidem velit
            voluptatibus?
        </div>
        <div>Accusantium adipisci aliquam atque commodi doloremque, eaque enim est ex facilis fuga ipsa ipsam laboriosam
            laudantium molestias nesciunt nihil obcaecati odio officia omnis pariatur perferendis quod rem suscipit vel
            velit.
        </div>
        <div>Asperiores aut ducimus labore praesentium veniam! Aliquam dolorem, eveniet illo nam natus quis sunt.
            Dignissimos dolore est exercitationem ipsa maxime necessitatibus neque omnis, porro, possimus quisquam sunt
            totam, velit veniam.
        </div>
        <div>Architecto asperiores dignissimos ducimus eos voluptate. Beatae, dolorum hic id iusto labore laboriosam
            nulla repellendus similique sint tenetur voluptas voluptatum! A ducimus, labore mollitia nam neque non
            officia officiis sit!
        </div>
        <div>A doloribus error eum exercitationem inventore quam quos ratione suscipit ut? Amet fuga nisi perspiciatis.
            Explicabo maxime porro quia sequi temporibus. Blanditiis inventore molestias numquam. Cum deserunt mollitia
            necessitatibus vitae.
        </div>
        <div>Ab corporis, earum libero nam numquam obcaecati ratione recusandae! Consequatur deserunt enim, error
            explicabo iusto laudantium maiores quis soluta voluptatem! Alias dolore est, natus non praesentium provident
            quisquam similique tenetur.
        </div>
        <div>Aliquam, omnis perferendis. Architecto consectetur corporis eaque exercitationem explicabo id impedit
            laudantium minima nobis? Delectus distinctio ducimus eos expedita iure magni, minus odio provident quidem,
            quos, similique sit voluptatibus. Assumenda!
        </div>
        <div>Aliquid architecto autem corporis distinctio expedita iure neque nisi, repellendus sit ut? Ad aspernatur
            beatae excepturi inventore ipsam labore necessitatibus officia perferendis provident, quibusdam quisquam
            recusandae reiciendis sed soluta temporibus!
        </div>
        <div>Aliquid aut consectetur doloremque ex laboriosam nobis numquam officia qui quis reprehenderit. Accusamus
            beatae blanditiis, dignissimos dolorem ea, eaque, error fugit illum magni praesentium quis rem totam vero.
            Expedita, quasi.
        </div>
        <div>Accusamus aliquam, debitis dolore earum eligendi eum illum, inventore iste maxime molestias, odio
            perspiciatis quia quidem repellat sed sequi veniam voluptate! Blanditiis dolore eos maxime natus, nihil quo
            repellat rerum.
        </div>
        <div>Ab adipisci, aliquam aliquid cumque dolor dolore dolores eum fuga, laudantium, mollitia numquam quaerat
            quam reprehenderit sed soluta ullam ut. Debitis dolorem doloribus fugit libero magni nostrum officiis sint
            veritatis.
        </div>
        <div>Accusamus consequatur culpa debitis dignissimos ea earum eos eum fuga ipsa ipsum iste maxime minus
            molestiae, nam nostrum placeat quaerat qui ratione reprehenderit tenetur unde vero voluptates! Hic, quaerat
            ut?
        </div>
        <div>Alias aliquam autem commodi, cum dignissimos, esse fuga ipsa libero odit officia pariatur porro quibusdam
            quidem quo sequi sit unde veritatis, voluptatem! Asperiores facilis inventore quas temporibus totam
            voluptate voluptatem.
        </div>
        <div>Dolore omnis voluptatem voluptates. Fugiat, nam praesentium quae quod quos reiciendis repellendus sint
            tempore. Ab ad debitis delectus eligendi ipsam minima molestiae mollitia non, odio quaerat quasi quo,
            repellat, ut.
        </div>
        <div>Accusantium cum dicta error harum laboriosam molestiae, nihil nulla placeat porro recusandae saepe, totam
            voluptas. Aliquam amet assumenda consequatur deleniti error laboriosam neque, nesciunt odit possimus, quae
            quaerat suscipit voluptates?
        </div>
        <div>Consectetur, cumque dolorem, ducimus eaque explicabo minima nam necessitatibus nulla repellat repudiandae
            tempora, tempore tenetur. Asperiores consequatur, hic laborum molestias recusandae sit vero. Aperiam
            architecto cupiditate doloribus ipsum quisquam, tempora.
        </div>
        <div>Aliquid amet assumenda cumque delectus dignissimos ducimus enim error et explicabo, facilis fuga fugit id
            impedit in ipsam natus nulla possimus quam quasi quidem quo soluta tenetur unde ut voluptates.
        </div>
        <div>Hic ipsum laudantium magni nobis sunt. Consectetur dolores eius illum laboriosam magni quas reprehenderit
            vitae? Ab consectetur delectus, dignissimos dolor iusto nihil nostrum obcaecati quae quasi qui. Fugit, iure
            ut.
        </div>
        <div>Beatae cumque dolore, esse facilis ipsum repellendus unde! Accusamus ad, corporis cupiditate debitis,
            deleniti ea eligendi illum incidunt inventore ipsum iste minus molestiae nisi odit omnis totam voluptate
            voluptatem voluptatum.
        </div>
        <div>A accusantium amet iste numquam porro, quidem temporibus ullam! Assumenda, cumque dolorum, et expedita
            explicabo, fugit magni nisi praesentium quaerat quisquam quos saepe velit veniam. Laboriosam, ratione,
            velit! Explicabo, ipsam.
        </div>
        <div>Adipisci at commodi cumque dolorum eos ipsa iste laboriosam laborum magni maiores molestiae molestias quo
            quod, ratione sint sit soluta tenetur? Assumenda dolorem exercitationem hic illo molestias mollitia sit
            voluptatum!
        </div>
        <div>Adipisci, aut deserunt dignissimos harum nostrum nulla officia quod sapiente sunt tempore. Ab, aspernatur
            at atque dolores explicabo impedit in iure, iusto nostrum optio perferendis quasi qui ratione reiciendis ut!
        </div>
        <div>Ad culpa delectus doloremque eveniet iusto maiores nostrum, ratione soluta vitae. Doloremque, similique,
            ut. Aliquid dicta, facere, hic, ipsam labore modi nihil odio quae repellat saepe sed sunt unde voluptate.
        </div>
        <div>Alias architecto commodi corporis cum deserunt doloribus, ea eligendi eveniet ex excepturi fugiat hic ipsa
            magni maiores minus modi nobis, obcaecati odio pariatur perspiciatis quae quo, quos ratione soluta
            temporibus.
        </div>
        <div>A accusantium aspernatur at cum delectus deleniti dignissimos dolores eius facere fuga in ipsa ipsam ipsum
            laborum minima modi nesciunt nobis porro quasi saepe sed similique, totam ullam voluptates voluptatum!
        </div>
        <div>Accusantium architecto asperiores aspernatur beatae culpa cupiditate debitis dolorum enim ex fuga fugit in
            laboriosam libero maiores neque nesciunt non odit quae quaerat quasi, quos reiciendis rerum similique
            suscipit ullam.
        </div>
        <div>A, at consequatur cum dolorem earum id impedit inventore laborum magnam molestias odit optio quia quis quod
            soluta tenetur totam, unde, voluptatem. Doloremque nam necessitatibus nemo tempore. Consectetur, deleniti,
            repellendus.
        </div>
        <div>Ab adipisci assumenda consequatur ipsa laborum libero magni modi officiis quae sequi sint unde vero vitae,
            voluptas voluptate? Ab deserunt dicta eligendi expedita facere labore laborum odit quae. Ipsam, quia.
        </div>
        <div>Architecto consequatur cupiditate, dolores et harum magnam nulla optio perspiciatis placeat, quia sapiente
            sunt suscipit tempora? Ab aut culpa distinctio earum ex expedita, explicabo id, itaque perspiciatis qui
            repellat temporibus!
        </div>
        <div>Accusantium amet consequuntur debitis deleniti illum molestias quis ut voluptas. Accusamus accusantium
            adipisci alias amet consectetur culpa fuga nam nemo neque pariatur quasi qui quis ratione, repellendus
            temporibus, ut vel.
        </div>
        <div>Beatae doloribus, eligendi esse facilis illum nihil nulla placeat quas quibusdam sint voluptas
            voluptatibus. Ab, aliquid culpa cumque deserunt, distinctio dolor ea esse laborum, neque officiis omnis
            repudiandae soluta veniam!
        </div>
        <div>Autem, blanditiis debitis delectus dolorem dolorum eveniet id illo illum incidunt iste nam natus nesciunt
            nobis numquam odit officiis praesentium qui repellendus repudiandae similique sunt suscipit tempora tenetur
            vitae voluptates.
        </div>
        <div>Architecto commodi cumque molestiae necessitatibus totam! Adipisci animi asperiores, atque beatae
            blanditiis consectetur consequatur dolorum explicabo impedit in itaque, non omnis, repudiandae saepe ut
            veniam voluptas. Mollitia reiciendis tempora vero.
        </div>
        <div>Accusantium ad amet aut consequuntur culpa cupiditate dolore dolores earum, ex excepturi in labore nemo
            nihil nulla obcaecati provident qui quos reiciendis repellendus repudiandae rerum sapiente ullam veniam
            veritatis vero.
        </div></div>
</div>
</body>
</html>